<!--<template>-->
<!--<div>-->
<!--  <div class="SingersBox">-->
<!--    <div class="SingersList" v-for="item in singersList" :key="item">-->
<!--      <img class="img" :src="item.avatar" @click="search1(item.name)">-->
<!--      <p>{{ item.name }}</p>-->
<!--      <p>单曲:{{ item.playcount }}</p>-->
<!--      <p>专辑:{{ item.alcount}}</p>-->
<!--    </div>-->
<!--  </div>-->
<!--</div>-->
<!--</template>-->

<!--<script setup>-->
<!--import {useSongsStore,useplayListStore} from "@/Store/Pinia/pinia"-->
<!--import {baseURL} from "@/request/index.js";-->
<!--import {onMounted, ref, watch} from 'vue';-->
<!--import {useRouter} from "vue-router";-->
<!--import {storeToRefs} from "pinia";-->
<!--import axios from "axios";-->
<!--const songsStore=useSongsStore();-->
<!--const {songs} =storeToRefs(songsStore);-->
<!--const router=useRouter();-->
<!--const allsimisinger=ref([])-->
<!--const singersList=ref([])-->

<!-- function search1(name){-->
<!--  console.log(name);-->
<!--  songsStore.search(name);-->
<!--  songsStore.show=1;-->
<!--  router.push({path:'/homePage/searchList'})-->
<!--}-->

<!--const getsimiSingers=()=>{-->
<!--  axios.post(baseURL+"/simi/artist?id="+songsStore.singerid).then(res=>{-->
<!--    console.log(res);-->
<!--  })-->
<!--}-->
<!--getsimiSingers();-->

<!--watch(songsStore.songs,(newvalue)=>{-->
<!--  allsimisinger.value=[];-->
<!--  newvalue.forEach((item)=>{-->
<!--    item.ar.forEach((item)=>{-->
<!--      if(allsimisinger.value.indexOf(item.id)===-1) {-->
<!--        allsimisinger.value.push(item.id);-->
<!--      }-->
<!--    })-->
<!--  })-->
<!--  console.log(allsimisinger.value);-->
<!--  singersList.value=[];-->
<!--  allsimisinger.value.forEach((item) => {-->
<!--    axios.post(baseURL+"/artists?id=" + item).then((res) => {  //搜索-->
<!--      console.log(res);-->
<!--      let singer = {-->
<!--        "avatar": res.data.artist.picUrl,-->
<!--        "playcount": res.data.artist.musicSize,-->
<!--        "alcount": res.data.artist.albumSize,-->
<!--        "id": res.data.artist.id,-->
<!--        "name":res.data.artist.name,-->
<!--      }-->
<!--      singersList.value.push(singer);-->
<!--    })-->
<!--    console.log(singersList.value);-->
<!--  })-->
<!--},{immediate:true})-->
<!--onMounted(()=>{-->
<!--  // getAllsingers()-->
<!--})-->
<!--</script>-->

<!--<style scoped>-->
<!--.SingersBox{-->
<!--  display: flex;-->
<!--  flex-wrap:wrap;-->
<!--  margin-left: 80px;-->
<!--}-->

<!--.SingersBox .SingersList{-->
<!--  width: 250px;-->
<!--  height: 250px;-->
<!--  margin-right: 30px;-->
<!--  margin-top: 20px;-->
<!--}-->

<!--.SingersBox .SingersList .img{-->
<!--  width: 220px;-->
<!--  height: 180px;-->
<!--}-->
<!--</style>-->